<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- SEO Meta Tags -->
    <meta name="description" content="Dots - the friendly .NET SDK manager">
    <meta name="author" content="H3Y.studio">

    <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
    <meta property="og:site_name" content="" />
    <!-- website name -->
    <meta property="og:site" content="" />
    <!-- website link -->
    <meta property="og:title" content="" />
    <!-- title shown in the actual shared post -->
    <meta property="og:description" content="" />
    <!-- description shown in the actual shared post -->
    <meta property="og:image" content="" />
    <!-- image link, make sure it's jpg -->
    <meta property="og:url" content="" />
    <!-- where do you want your post to link to -->
    <meta property="og:type" content="article" />

    <!-- Webpage Title -->
    <title>Dots - the friendly .NET SDK manager</title>

    <!-- Styles -->
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/fontawesome-all.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">

    <!-- Favicon  -->
    <link rel="icon" href="images/favicon.png">
</head>

<body data-spy="scroll" data-target=".fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg fixed-top navbar-dark">
        <div class="container">

            <!-- Text Logo - Use this if you don't have a graphic logo -->
            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Name</a> -->

            <!-- Image Logo -->
            <a class="navbar-brand logo-image" href="index.html"><img src="images/logo.png" alt="alternative"></a>

            <div id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">

                    <li class="nav-item">
                        <h4>
                            <a class="nav-link page-scroll" href="https://github.com/nor0x/dots">
                                <i class="fab fa-github"></i> GitHub
                            </a>
                        </h4>
                    </li>

                </ul>
            </div>
            <!-- end of navbar-collapse -->
        </div>
        <!-- end of container -->
    </nav>
    <!-- end of navbar -->
    <!-- end of navigation -->


    <!-- Header -->
    <header id="header" class="header">
        <div class="container-fluid">
            <div class="row min-vh-100">
                <div class="col-xl-5 left-wrapper">
                    <div class="text-container">
                        <h2>Dots<br />- the friendly .NET SDK manager</h2>
                    </div>
                    <!-- end of text-container -->
                </div>
                <!-- end of col -->
                <div class="col-xl-7 right-wrapper">
                    <div class="text-container">
                        <!-- slightly roated screenshot image with subtle shadow-->
                        <div class="image-container">
                            <img class="img-fluid" src="images/screenshot.png" alt="Screenshot of Dots running on Windows">
                            <a href="https://github.com/nor0x/dots/releases" target="_blank"><img class="img-fluid download-badge" src="images/download-badge.png" alt="Download Badge"></a>
                        </div>

                    </div>
                    <!-- end of text-container -->
                </div>
                <!-- end of col -->
            </div>
            <!-- end of row -->
        </div>
        <!-- end of container-fluid -->

    </header>
    <!-- end of header -->
    <!-- Copyright -->
    <div class="copyright bg-gray">
        <div class="row">
            <div class="col-lg-6">
                <p class="p-small">Copyright 2023 © <a target="_blank" href="https://h3y.studio">H3Y.studio</a></p>
            </div>
            <!-- end of col -->
            <div class="col-lg-6">
                <a target="_blank" href="https://twitter.com/h3y_studio">
                    <i class="fab fa-twitter"></i>
                </a>
                <a target="_blank" href="https://github.com/H3Y-studio">
                    <i class="fab fa-github"></i>
                </a>
                <a target="_blank" href="http://instagram.com/h3y_studio">
                    <i class="fab fa-instagram"></i>
                </a>
                <a target="_blank" href="https://h3y.studio">
                    <i class="fa fa-link"></i>
                </a>
            </div>
            <!-- end of col -->
        </div>
        <!-- enf of row -->
        <!-- end of container -->
    </div>
    <!-- end of copyright -->

    <!-- Scripts -->
    <script src="js/jquery.min.js"></script>
    <!-- jQuery for Bootstrap's JavaScript plugins -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Bootstrap framework -->
    <script src="js/scripts.js"></script>
    <!-- Custom scripts -->
</body>

</html>